<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/common.css">
</head>
<body>
<script>
    $(function () {
        getTop();
    })
    var data = [{
        "nav": "[{\"level\":null,\"name\":\"首页\",\"id\":1,\"href\":\"/html/home.html\",\"parentid\":null}," +
            "{\"level\":null,\"name\":\"公司介绍\",\"id\":2,\"href\":\"/html/company.html\",\"parentid\":null}," +
            "{\"level\":null,\"name\":\"新闻动态\",\"id\":3,\"href\":\"/html/news.html\",\"parentid\":null}," +
            "{\"level\":null,\"name\":\"产品展示\",\"id\":4,\"href\":\"/html/productshow.html\",\"parentid\":null}," +
            "{\"level\":null,\"name\":\"在线留言\",\"id\":5,\"href\":\"/html/onlinemessage.html\",\"parentid\":null}," +
            "{\"level\":null,\"name\":\"联系我们\",\"id\":6,\"href\":\"/html/callus.html\",\"parentid\":null}]",
        "ad": "[{\"id\":1,\"content\":\"<div>品味生活·品味美食<\\/div>\\n        <div>\\n            <p>一壶茶 沏出了生活的醇美<\\/p>\\n            <p> 一枝花 开出了生活的鲜艳<\\/p>\\n            <p> 一首诗 吟出了生活的酸辛<\\/p>\\n            <p> 一把火 燃烧出了生活的激情<\\/p>\\n            <p>一枝笔 绘出了人生的五彩缤纷<\\/p>\\n            <p>一首歌 唱出了人生的喜怒哀惧<\\/p>\\n            <p> 生活像五味瓶，这么酸、这么甜、这么苦、又这么辣<\\/p>\\n        <\\/div>\\n        <div>\\n            <span>品味<\\/span>\\n            <span>生活<\\/span>\\n            <span>品味<\\/span>\\n            <span>美食<\\/span>\\n        <\\/div>\\n        <div>星语餐饮给你生活指南<\\/div>\"}]",
        "logo": "[{\"logoImg\":\"../img/logo_g0yv.jpg\",\"logoPhone\":\"028-88888888\"}]"
    }];

    function getTop() {
        let data = myAjax("frontTop", '', 'get');
        console.log(data);
        getLogo(data[0].logo);
        getNav(data[0].nav);
        getAd(data[0].ad);
    }

    //得到页头logo信息
    function getLogo(data) {
        data = JSON.parse(data);
        $("#logo-img").attr("src", data[0].logoImg);
        $("#logo-phone").html(data[0].logoPhone);
    }

    function getNav(data) {
        data = JSON.parse(data);
        let html = '';
        for (let i = 0; i < data.length; i++) {
            html += '<a href="' + data[i].href + '">\n' +
                '                    <li>' + data[i].name + '</li>\n' +
                '                </a>';
        }
        $("#top-nav").html(html);
    }

    function getAd(data) {
        data = JSON.parse(data);
        $("#top-ad").html(data[0].content);
    }
</script>
<div class="topblock">
    <div class="content topcontent">
        <div class="floatleft logoimg">
            <img id="logo-img" src="../img/logo_g0yv.jpg"/>
        </div>
        <div class="floatright phone">
            <div class="floatleft"><img src="../img/phone.png" height="30" width="30"/></div>
            <div class="floatright" id="logo-phone">028-9999999</div>
        </div>

    </div>
    <div class="nav">
        <div class="content">
            <ul class="navul" id="top-nav">
                <!--                <a href="/html/home.html">-->
                <!--                    <li>首页</li>-->
                <!--                </a>-->
                <!--                <a href="/html/company.html">-->
                <!--                    <li>公司介绍</li>-->
                <!--                </a>-->
                <!--                <a href="/html/news.html">-->
                <!--                    <li>新闻动态</li>-->
                <!--                </a>-->
                <!--                <a href="/html/productshow.html">-->
                <!--                    <li>产品展示</li>-->
                <!--                </a>-->
                <!--                <a href="/html/onlinemessage.html">-->
                <!--                    <li>在线留言</li>-->
                <!--                </a>-->
                <!--                <a href="/html/callus.html">-->
                <!--                    <li>联系我们</li>-->
                <!--                </a>-->
            </ul>
        </div>
    </div>
    <div class="content companyad" id="top-ad">
        <!--        <div>品味生活·品味美食</div>-->
        <!--        <div>-->
        <!--            <p>一壶茶 沏出了生活的醇美</p>-->
        <!--            <p> 一枝花 开出了生活的鲜艳</p>-->
        <!--            <p> 一首诗 吟出了生活的酸辛</p>-->
        <!--            <p> 一把火 燃烧出了生活的激情</p>-->
        <!--            <p>一枝笔 绘出了人生的五彩缤纷</p>-->
        <!--            <p>一首歌 唱出了人生的喜怒哀惧</p>-->
        <!--            <p> 生活像五味瓶，这么酸、这么甜、这么苦、又这么辣</p>-->
        <!--        </div>-->
        <!--        <div>-->
        <!--            <span>品味</span>-->
        <!--            <span>生活</span>-->
        <!--            <span>品味</span>-->
        <!--            <span>美食</span>-->
        <!--        </div>-->
        <!--        <div>星语餐饮给你生活指南</div>-->
    </div>
</div>
</body>
</html>